<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    
</body>

</html>
<script>
    //封装一个十六进制的随机颜色 函数  #fff111
    window.onload =function(){
    console.log("这是用math官方函数做的")
    function suijicolor() {
        // 定义一个字符串和＃号，拼接颜色
        var str = '#';
        for (var i = 0; i < 6; i++){
            // 生成一个0-16之间的随机整数，不包含16
            var randomColor = parseInt(Math.random() * 16);
            // 生成一个16进制的颜色
            str += randomColor.toString(16)
            // console.log(randomColor.toString(16));
        }
        return str;
    }
    // suijicolor()
    console.log(suijicolor());

    console.log("这是用数组做的")
    function getCode(n){
    // 这个数组里保存着：16进制所需要的数字和字母
    var arr=["0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"];

    // 定义一个空字符串，保存验证码
    var str = "";
    for(var i=0;i<n;i++){
        // 随机一个合法的下标
        var index = parseInt(Math.random()*arr.length);
        str += arr[index]; //str = str + arr[index];
    }
    return "#"+str;
}
console.log(getCode(6))
}
</script>